<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/global.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
	</head>
	<body>
		<div id="header"></div>
		
		<div class="main">
			<div class="container">
				<!-- content here -->
				<div class="module">
					<h3>购物车清单</h3>
					<table class="table">
						<thead>
							<tr>
								<th></th>
								<th>商品信息</th>
								<th>单价</th>
								<th>数量</th>
								<th>小计</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" name="" id=""></td>
								<td>
									<img class="cart-goods-img" src="img/thumbnail01.png" >
									<span>Smartisan T恤 任天堂发售“红白机”</span>
								</td>
								<td>￥149</td>
								<td>
									<div class="number-bar">
										<span class="number-control">-</span>
										<span>1</span>
										<span class="number-control">+</span>
									</div>
								</td>
								<td>￥149</td>
								<td>
									<span class="number-control">×</span>
								</td>
							</tr>
							<tr>
								<td><input type="checkbox" name="" id=""></td>
								<td>
									<img class="cart-goods-img" src="img/thumbnail01.png" >
									<span>Smartisan T恤 任天堂发售“红白机”</span>
								</td>
								<td>￥149</td>
								<td>
									<div class="number-bar">
										<span class="number-control">-</span>
										<span>1</span>
										<span class="number-control">+</span>
									</div>
								</td>
								<td>￥149</td>
								<td>
									<span class="number-control">×</span>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="module-bottom">
						<div style="flex-grow: 10;">
							<label>
								<input type="checkbox" name="" id="">
								<span>全选</span>
							</label>
							<a href="#">删除选中的商品</a>
						</div>
						<div class="autofill">
							<div>
								已选择
								<span class="color1 big">0</span>
								件商品
							</div>
							<div class="color2">
								共
								<span class="big">2</span>
								件商品
							</div>
						</div>
						<div class="autofill">
							<div>应付总额：<span class="color1 big">￥0</span></div>
							<div class="color2">应付总额不含运费</div>
						</div>
						<div class="autofill">
							<button class="btn-blue">现在结算</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div id="footer"></div>
		
		<script type="text/javascript" src="js/jquery.js"></script>
		<script>
			$('#header').load('component/header.html')
			$('#footer').load('component/footer.html')
		</script>
	</body>
</html>
